/* when hiding the picture */
.line.ng-hide-add         { animation:0.5s fadeOut ease-out; }

/* when showing the picture */
.line.ng-hide-remove      { animation:0.3s fadeIn ease-in; }

.timelineFeedPage .main .wrapper {
  max-width: 1024px;
  padding: 0px 0 52px;
  text-align: center;
}

.timeline.wrapper {
  margin: 0 auto;
  padding: 0 16px;
  position: relative;
  width: 992px;
}

.timelineLeft {
  background: #E0E1E2 url(//d36xtkk24g8jdx.cloudfront.net/bluebar/af647c0/images/shared/noise-2.png);
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left;
  border-width: 0 1px;
  min-width: 240px;
  max-width: 512px;
  padding: 16px 32px;
  margin-left: 224px;
}

.timelineCenter {
  background: #E0E1E2 url(//d36xtkk24g8jdx.cloudfront.net/bluebar/af647c0/images/shared/noise-2.png);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 0 1px;
  min-width: 240px;
  max-width: 512px;
  padding: 16px 32px;
  margin-left: 224px;
}

.time-line-last {
  text-align: center;
}

.load-more-btn {
  background-color: #F3F3F3;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#F3F3F3),to(#DDD));
  background-image: -webkit-linear-gradient(top,#F3F3F3,#DDD);
  background-image: -moz-linear-gradient(top,#f3f3f3,#ddd);
  background-image: -o-linear-gradient(top,#f3f3f3,#ddd);
  background-image: -ms-linear-gradient(top,#f3f3f3,#ddd);
  background-image: linear-gradient(top,#f3f3f3,#ddd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#dddddd');
  background-position: 50% 50%;
  border: 1px solid #C6C6C6;
  color: #666;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
